Ext.define('SistIntegral.QRDndos.InvQR', {

    forward: true,

    Formulario: function(btn) {
        var IdNivelInvolucrado;
        var StoreInvE = Ext.create('Ext.data.Store', {
            model: 'InvQuejaReclamo',
            proxy: {
                type: 'ajax',
                url: 'invquejareclamo/IndexById/' + btn.IdQR + '/' + (btn.Seleccion ? btn.Seleccion.get('IdInvQuejaReclamo') : ''),
                extraParams: {
                    Tipo: true
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        StoreInvE.on('load', function(store, records) {
            IdNivelInvolucrado = records[0].get('IdNivelInvolucrado');
            Ext.getCmp('FrmInvQR').loadRecord(records[0]);

            var StoreInvolucradosE = Ext.create('Ext.data.Store', {
                model: 'InvolucradoLista',
                pageSize: 25,
                proxy: {
                    type: 'ajax',
                    url: 'productor/IndexQR',
                    extraParams: {
                        Tipo: (btn.Tipo ? btn.Tipo : btn.Seleccion.get('Tipo'))
                    },
                    reader: {
                        type: 'json',
                        root: 'grid'
                    }
                }
            });

            var StoreNivelInvE = Ext.create('Ext.data.Store', {
                model: 'Indicador',
                pageSize: 100,
                proxy: {
                    type: 'ajax',
                    url: 'indicador/IndexById/' + records[0].get('IdIndicador'),
                    extraParams: {
                        TipoIndicador: 2
                    },
                    reader: {
                        type: 'json',
                        root: 'grid'
                    }
                }
            });

            StoreInvolucradosE.on('load', function(store, records) {
                if (records[0]) {
                    StoreInvolucrados.loadRecords(records);
                    Ext.getCmp('CmbInvolucrados').setValue(records[0].get('Id'));
                }
            });

            StoreNivelInvE.on('load', function(store, records) {
                if (records[0]) {
                    StoreNivelInv.loadRecords(records);
                    Ext.getCmp('cmbNivel').setValue(records[0].get('Id'));
                }
            });

            if (records[0].get('TipoEntidad') == 4) {
                StoreInvolucradosE.load({
                    url: 'involucrado/IndexById/' + records[0].get('IdEntidad')
                });
            } else if (records[0].get('TipoEntidad') == 3) {
                StoreInvolucradosE.load({
                    url: 'area/IndexQRById/' + records[0].get('IdEntidad')
                });
            }
            StoreNivelInvE.load();

        });

        var StoreTipoInvolucrado = Ext.create('Ext.data.Store', {
            model: 'TipoInvolucrado',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'tipoinvolucrado/IndexDndos',
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            },
            autoLoad: true
        });

        var StoreInvolucrados = Ext.create('Ext.data.Store', {
            model: 'InvolucradoLista',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'involucrado/index',
                extraParams: {
                    Tipo: true
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        if (btn.Seleccion && btn.Seleccion.get('TipoEntidad') == 4) {
            StoreInvolucrados.setProxy({
                type: 'ajax',
                url: 'involucrado/index',
                extraParams: {
                    Tipo: true
                },
                reader: {
                    type: 'json',
                    root: 'grid',
                    totalProperty: 'total'
                }
            });
        }

        StoreTipoInvolucrado.on('load', function(store, records) {
            if (btn.Seleccion && btn.Seleccion.get('TipoEntidad') == 3) {
                CmbTipoInvolucrados.setValue(3);
            } else {
                CmbTipoInvolucrados.setValue(4);
            }
        });

        var CmbTipoInvolucrados = Ext.create('Ext.form.ComboBox', {
            id: 'CmbTipoInvolucrados',
            fieldLabel: 'Tipo Denunciante',
            pageSize: 25,
            store: StoreTipoInvolucrado,
            queryMode: 'local',
            displayField: 'NomTipo',
            valueField: 'Id',
            autoSelect: false,
            forceSelection: true,
            allowBlank: false,
            minChars: 1,
            value: btn.Seleccion ? parseInt(btn.Seleccion.get('TipoEntidad')) : null,
            listConfig: {
                loadingText: 'Buscando...',
                emptyText: 'Sin Resultados',
                getInnerTpl: function() {
                    return '<a>' + '<h3></span>{NomTipo}' + '</h3>' + '</a>';
                }
            }
        });

        CmbTipoInvolucrados.on('change', function(store, nuevo) {
            //alert(nuevo); 
            if (nuevo == 4) {

                StoreInvolucrados.setProxy({
                    type: 'ajax',
                    url: 'involucrado/index',
                    extraParams: {
                        Tipo: true
                    },
                    reader: {
                        type: 'json',
                        root: 'grid',
                        totalProperty: 'total'
                    }
                });
            } else if (nuevo == 3) {
                StoreInvolucrados.setProxy({
                    type: 'ajax',
                    url: 'area/IndexQR',
                    reader: {
                        type: 'json',
                        root: 'grid',
                        totalProperty: 'total'
                    }
                });
            }
            CmbInvolucrados.reset();
            CmbInvolucrados.expand();
            StoreInvolucrados.load();
        });

        var StoreNivelInv = Ext.create('Ext.data.Store', {
            model: 'Indicador',
            pageSize: 1000,
            proxy: {
                type: 'ajax',
                url: 'indicador/index',
                extraParams: {
                    TipoIndicador: 2
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var CmbNivInv = Ext.create('Ext.form.ComboBox', {
            fieldLabel: 'Nivel Involucramiento',
            allowBlank: false,
            name: 'IdNivelQR',
            store: StoreNivelInv,
            enableKeyEvents: true,
            minChars: 2,
            id: 'cmbNivel',
            displayField: 'NomIndicador',
            forceSelection: true,
            queryMode: 'remote',
            triggerAction: 'all',
            valueField: 'Id',
            emptyText: 'Seleccione Riesgo',
            listConfig: {
                loadingText: 'Buscando...',
                emptyText: 'Sin Resultados',
                getInnerTpl: function() {
                    return '<a>' +
                        '<h3 style= "background:' + '#{Color}' + '" ><span  >{NomIndicador}' + '</span></h3>' +
                        '</a>';
                }
            },
            pageSize: 15
        });

        var CmbInvolucrados = Ext.create('Ext.form.ComboBox', {
            id: 'CmbInvolucrados',
            fieldLabel: 'Denunciante',
            emptyText: ' SELECCIONE DENUNCIADO',
            pageSize: 25,
            store: StoreInvolucrados,
            queryMode: 'remote',
            displayField: 'Nombre',
            valueField: 'Id',
            autoSelect: false,
            forceSelection: true,
            allowBlank: false,
            minChars: 1,
            listConfig: {
                loadingText: 'Buscando...',
                emptyText: 'Sin Resultados',
                getInnerTpl: function() {
                    return '<a>' + '<h3></span>{Nombre}' + '</h3>' + '</a>';
                }
            }
        });

        var Frm = Ext.create('Ext.form.Panel', {
            id: 'FrmInvQR',
            frame: true,
            bodyPadding: '5',
            fieldDefaults: {
                msgTarget: 'side',
                labelAlign: 'left',
                labelWidth: 120,
                anchor: '100%'
            },
            items: [CmbTipoInvolucrados, CmbInvolucrados, CmbNivInv, {
                    xtype: 'datefield',
                    name: 'Fecha',
                    allowBlank: false,
                    fieldLabel: 'Fecha'
                }, {
                    xtype: 'hiddenfield',
                    name: 'IdNivelInvolucrado',
                    value: IdNivelInvolucrado
                }
            ],
            buttons: [{
                    text: 'Guardar',
                    handler: function() {
                        var form = this.up('form').getForm();
                        if (form.isValid()) {
                            form.submit({
                                url: btn.hrefTarget + (btn.Seleccion ? btn.Seleccion.get('IdInvQuejaReclamo') : ''),
                                params: {
                                    IdInvolucrado: (CmbTipoInvolucrados.getValue() == 4 ? CmbInvolucrados.getValue() : ''),
                                    IdArea: (CmbTipoInvolucrados.getValue() == 3 ? CmbInvolucrados.getValue() : ''),
                                    IdQuejaReclamo: btn.IdQR,
                                    Tipo: true
                                },
                                success: function(form, action) {
                                    var ancho = Ext.getCmp('PnlSubQR' + btn.IdQR).getWidth() / 2;
                                    var alto = Ext.getCmp('PnlSubQR' + btn.IdQR).getHeight() - 30;
                                    var Ram = (Math.random()) * 10000;


                                    Ext.getCmp('gridIdQR' + btn.IdQR).getStore().load();
                                    Ext.getCmp('WInvQR').close();

                                    if (Ext.getCmp('iframe' + btn.IdQR)) {
                                        Ext.getCmp('iframe' + btn.IdQR).destroy();
                                    }



                                    Ext.getCmp('PnlSubDQR' + btn.IdQR).removeAll();
                                    Ext.getCmp('PnlSubDQR' + btn.IdQR).add({
                                        html: '<img id = "iframe' + btn.IdQR + '" src="invquejareclamo/comparativo/' + btn.IdQR + '/' + 0 + '?dc=' + Ram + '" style="height:' + alto + 'px; width:' + ancho + 'px; border: 1px solid black;"/>'
                                    });

                                    Ext.MessageBox.show({
                                        msg: 'Registro Creado Correctamente...',
                                        progressText: 'Actualizando...',
                                        width: 300,
                                        icon: 'ext-mb-download'
                                    });
                                    setTimeout(function() {
                                        Ext.MessageBox.hide();
                                    }, 1000);
                                },
                                failure: function(form, action) {
                                    //...
                                }
                            });
                        }
                    }
                }, {
                    text: 'Limpiar',
                    handler: function() {
                        this.up('form').getForm().reset();
                    }
                }
            ]
        });
        if (btn.Seleccion) {
            StoreInvE.load();
        }
        return Frm;
    },

    FormularioRA: function(btn) {
        var StoreRAE = Ext.create('Ext.data.Store', {
            model: 'ResponsableAtencion',
            proxy: {
                type: 'ajax',
                url: 'responsableatencion/IndexById/' + (btn.Seleccion ? btn.Seleccion.get('Id') : null),
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        StoreRAE.on('load', function(store, records) {
            //IdNivelInvolucrado = records[0].get('IdNivelInvolucrado');
            Ext.getCmp('FrmInvQR').loadRecord(records[0]);

            var StorePersonalE = Ext.create('Ext.data.Store', {
                model: 'Personal',
                pageSize: 25,
                proxy: {
                    type: 'ajax',
                    url: 'personal/IndexById/' + records[0].get('IdPersonal'),
                    reader: {
                        type: 'json',
                        root: 'grid'
                    }
                }
            });

            StorePersonalE.on('load', function(store, records) {
                if (records[0]) {
                    StorePersonal.loadRecords(records);
                    Ext.getCmp('CmbPersonal').setValue(records[0].get('Id'));
                }
            });

            StorePersonalE.load();

        });

        var StorePersonal = Ext.create('Ext.data.Store', {
            model: 'Personal',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'personal/Index',
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var resultTpl = new Ext.XTemplate(
            '<tpl for="."><div class="x-boundlist-item"><div class="search-item">',
            '<h3><span><img width="55" height="60" src="/Content/RRHH/Fotos/{Id}.jpg" /><br /></span>{ApeNombre}</h3>',
            'Fotocheck: {Fotocheck}<br>',
            '{Tipodi}:' + ' ' + '{Nrodi}',
            '</div></div></tpl>');

        var CmbPersonal = Ext.create('Ext.form.ComboBox', {
            id: 'CmbPersonal',
            name: 'IdPersonal',
            emptyText: 'Seleccione Responsable Atencion',
            fieldLabel: 'Persona',
            pageSize: 25,
            store: StorePersonal,
            queryMode: 'remote',
            displayField: 'ApeNombre',
            valueField: 'Id',
            autoSelect: false,
            forceSelection: true,
            allowBlank: false,
            minChars: 0,
            tpl: resultTpl,
            itemSelector: 'div.search-item'
        });

        var Frm = Ext.create('Ext.form.Panel', {
            id: 'FrmInvQR',
            frame: true,
            bodyPadding: '5',
            fieldDefaults: {
                msgTarget: 'side',
                labelAlign: 'left',
                labelWidth: 120,
                anchor: '100%'
            },
            items: [CmbPersonal, {
                    xtype: 'datefield',
                    name: 'Fecha',
                    allowBlank: false,
                    fieldLabel: 'Fecha'
                }, {
                    xtype: 'checkboxfield',
                    name: 'Directo',
                    fieldLabel: 'Resp Directo',
                    //boxLabel: 'Resp Directo',
                    //checked:false,
                    inputValue: "true"
                }, {
                    xtype: 'hiddenfield',
                    name: 'IdQuejaReclamo',
                    value: btn.IdQR
                }
            ],
            buttons: [{
                    text: 'Guardar',
                    handler: function() {
                        var form = this.up('form').getForm();
                        if (form.isValid()) {
                            form.submit({
                                url: btn.hrefTarget + (btn.Seleccion ? btn.Seleccion.get('Id') : ''),
                                success: function(form, action) {

                                    Ext.getCmp('gridRA' + btn.IdQR).getStore().load();
                                    Ext.getCmp('WRAQR').close();

                                    Ext.MessageBox.show({
                                        msg: 'Registro Creado Correctamente...',
                                        progressText: 'Actualizando...',
                                        width: 300,
                                        icon: 'ext-mb-download'
                                    });
                                    setTimeout(function() {
                                        Ext.MessageBox.hide();
                                    }, 1000);
                                },
                                failure: function(form, action) {
                                    //...
                                }
                            });
                        }
                    }
                }, {
                    text: 'Limpiar',
                    handler: function() {
                        this.up('form').getForm().reset();
                    }
                }
            ]
        });
        if (btn.Seleccion) {
            StoreRAE.load();
        }
        return Frm;
    },

    Window: function(btn) {
        var Seleccion;
        if (btn.itemId == 'edit') {
            Seleccion = Ext.getCmp('gridIdQR' + btn.IdQR).getSelectionModel().getSelection()[0];
            if (!Seleccion) {
                Ext.Msg.show({
                    title: 'Advertencia',
                    msg: 'Seleccione Denunciado a Editar',
                    icon: Ext.MessageBox.WARNING,
                    buttons: Ext.Msg.OK
                });
                return false;
            } else {
                if (Seleccion.get('Editable') == "false") {
                    Ext.Msg.show({
                        title: 'Advertencia',
                        msg: 'Denunciado No Disponible Para Editar</br>Puede' + ' Cambiar El Nivel de Denunciado desde el Boton "Cambiar Nivel"',
                        icon: Ext.MessageBox.WARNING,
                        buttons: Ext.Msg.OK
                    });
                    return false;
                }
                btn.Seleccion = Seleccion;
            }
        }

        var Item = this.Formulario(btn);

        var win = Ext.create('widget.window', {
            id: 'WInvQR',
            title: btn.getText() + ' Denunciado',
            closable: true,
            bodyPadding: '5',
            bodyBorder: false,
            width: 450,
            minWidth: 200,
            height: 250,
            layout: 'fit',
            modal: true,
            items: [Item]
        });

        return win.show();
    },

    WindowRA: function(btn) {
        var Seleccion;
        if (btn.itemId == 'edit') {
            Seleccion = Ext.getCmp('gridRA' + btn.IdQR).getSelectionModel().getSelection()[0];
            if (!Seleccion) {
                Ext.Msg.show({
                    title: 'Advertencia',
                    msg: 'Seleccione Responsable a Editar',
                    icon: Ext.MessageBox.WARNING,
                    buttons: Ext.Msg.OK
                });
                return false;
            } else {
                if (Seleccion.get('Editable') == "false") {
                    Ext.Msg.show({
                        title: 'Advertencia',
                        msg: 'Responsable Atencion No Disponible Para Editar</br>Puede',
                        icon: Ext.MessageBox.WARNING,
                        buttons: Ext.Msg.OK
                    });
                    return false;
                }
                btn.Seleccion = Seleccion;
            }
        }

        var Item = this.FormularioRA(btn);

        var win = Ext.create('widget.window', {
            id: 'WRAQR',
            title: btn.getText() + ' Responsable Atencion',
            closable: true,
            bodyPadding: '5',
            bodyBorder: false,
            width: 450,
            minWidth: 200,
            height: 180,
            layout: 'fit',
            modal: true,
            items: [Item]
        });

        return win.show();
    },

    CambiarEstado: function(btn) {

        var StoreNivelInv = Ext.create('Ext.data.Store', {
            model: 'Indicador',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'indicador/index',
                extraParams: {
                    TipoIndicador: 2
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var CmbNivInv = Ext.create('Ext.form.ComboBox', {
            fieldLabel: 'Nivel Involucramiento',
            allowBlank: false,
            name: 'IdNivelQR',
            store: StoreNivelInv,
            enableKeyEvents: true,
            minChars: 2,
            id: 'cmbNivel',
            displayField: 'NomIndicador',
            forceSelection: true,
            queryMode: 'remote',
            triggerAction: 'all',
            valueField: 'Id',
            emptyText: 'Seleccione Riesgo',
            listConfig: {
                loadingText: 'Buscando...',
                emptyText: 'Sin Resultados',
                getInnerTpl: function() {
                    return '<a>' +
                        '<h3 style= "background:' + '#{Color}' + '" ><span  >{NomIndicador}' + '</span></h3>' +
                        '</a>';
                }
            },
            pageSize: 25
        });


        var Frm = Ext.create('Ext.form.Panel', {
            id: 'FrmInvQR',
            frame: true,
            bodyPadding: '5',
            fieldDefaults: {
                msgTarget: 'side',
                labelAlign: 'left',
                labelWidth: 120,
                anchor: '100%'
            },
            items: [CmbNivInv, {
                    xtype: 'datefield',
                    name: 'Fecha',
                    allowBlank: false,
                    fieldLabel: 'Fecha'
                }, {
                    xtype: 'hiddenfield',
                    name: 'IdInvQuejaReclamo',
                    value: btn.Seleccion.get('IdInvQuejaReclamo')
                }
            ],
            buttons: [{
                    text: 'Guardar',
                    handler: function() {
                        var form = this.up('form').getForm();
                        if (form.isValid()) {
                            form.submit({
                                url: 'nivelinvolucrado/Create',
                                success: function(form, action) {
                                    var ancho = Ext.getCmp('PnlSubQR' + btn.IdQR).getWidth() / 2;
                                    var alto = Ext.getCmp('PnlSubQR' + btn.IdQR).getHeight() - 30;
                                    var Ram = (Math.random()) * 10000;

                                    Ext.getCmp('gridIdQR' + btn.IdQR).getStore().load();
                                    Ext.getCmp('WEInvQR').close();
                                    Ext.get('iframe' + btn.IdQR).destroy();
                                    Ext.getCmp('PnlSubDQR' + btn.IdQR).removeAll();
                                    Ext.getCmp('PnlSubDQR' + btn.IdQR).add({
                                        html: '<img id = "iframe' + btn.IdQR + '" src="invquejareclamo/comparativo/' + btn.IdQR + '/' + 0 + '?dc=' + Ram + '" style="height:' + alto + 'px; width:' + ancho + 'px; border: 1px solid black;"/>'
                                    });
                                    Ext.MessageBox.show({
                                        msg: 'Registro Creado Correctamente...',
                                        progressText: 'Actualizando...',
                                        width: 300,
                                        icon: 'ext-mb-download'
                                    });
                                    setTimeout(function() {
                                        Ext.MessageBox.hide();
                                    }, 1000);
                                },
                                failure: function(form, action) {
                                    //
                                }
                            });
                        }
                    }
                }, {
                    text: 'Limpiar',
                    handler: function() {
                        this.up('form').getForm().reset();
                    }
                }
            ]
        });

        var win = Ext.create('widget.window', {
            id: 'WEInvQR',
            title: btn.getText() + ' Denunciado',
            closable: true,
            bodyPadding: '5',
            bodyBorder: false,
            width: 450,
            minWidth: 200,
            height: 150,
            layout: 'fit',
            modal: true,
            items: [Frm]
        });

        return win.show();
    },

    Grilla: function(btn) {

        function colorNivel(val, meta, record) {
            if (val != null)
                //return '<div  style="background-color:#' + val + ';"><h1 style="padding: 2px 3px; margin: 0; font-size: 16px;">' + record.get('NivelInvolucramiento') + '</h1></div>';
                return '<div style="background-color:#' + val + '; padding:0; margin: 0;text-align: center;"><span style="padding: 2px 3px; margin: 0; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma, Verdana; display: block;">'  + record.get('NivelInvolucramiento') + '</span></div>';
            else return '';
        }

        function Resp(val, meta, record) {
            if (val == "true")
                //return '<div  style="background-color:#FFFF00;"><h1 style="padding: 2px 3px; margin: 0; font-size: 16px;">DIRECTO</h1></div>';
                return '<div style="background-color:#FFFF00; padding:0; margin: 0;text-align: center;"><span style="padding: 2px 3px; margin: 0; font-size: 12px; font-weight: bold; font-family: Arial, Tahoma, Verdana; display: block;"> DIRECTO</span></div>';
            else
                return 'INDIRECTO';
        }

        var IdQR = btn.IdQR;

        var StoreInvQuejaReclamo = Ext.create('Ext.data.Store', {
            model: 'InvQuejaReclamo',
            pageSize: 10000,
            proxy: {
                type: 'ajax',
                url: 'invquejareclamo/IndexByIdQR/' + btn.IdQR,
                extraParams: {
                    Tipo: btn.Tipo
                },
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });

        var StoreRespAt = Ext.create('Ext.data.Store', {
            model: 'ResponsableAtencion',
            pageSize: 25,
            proxy: {
                type: 'ajax',
                url: 'responsableatencion/IndexByIdQR/' + btn.IdQR,
                reader: {
                    type: 'json',
                    root: 'grid'
                }
            }
        });
        if (Ext.getCmp('gridIdQR' + IdQR)) {
            Ext.getCmp('gridIdQR' + IdQR).destroy();
        }
        var grid = Ext.create('Ext.grid.Panel', {
            border: false,
            store: StoreInvQuejaReclamo,
            id: 'gridIdQR' + btn.IdQR,

            tbar: [{
                    width: 150,
                    emptyText: 'Ingrese Nombre',
                    xtype: 'searchfield',
                    store: StoreInvQuejaReclamo
                }, '->', {
                    itemId: 'create',
                    text: 'Agregar',
                    iconCls: 'agregar',
                    hrefTarget: 'invquejareclamo/create',
                    handler: function(btn) {
                        btn.IdQR = IdQR;
                        btn.Tipo = "true";
                        btn.Titulo = ' Estado';
                        new SistIntegral.QRDndos.InvQR().Window(btn);
                    }
                }, '-', {
                    itemId: 'edit',
                    text: 'Editar',
                    iconCls: 'editar',
                    hrefTarget: 'invquejareclamo/edit/',
                    handler: function(btn) {
                        btn.IdQR = IdQR;
                        btn.Tipo = "true";
                        new SistIntegral.QRDndos.InvQR().Window(btn);
                    }
                }, '-', {
                    itemId: 'cambiarNivel',
                    text: 'Cambiar Nivel',
                    iconCls: 'eliminar',
                    handler: function(btn) {
                        btn.IdQR = IdQR;
                        Seleccion = Ext.getCmp('gridIdQR' + btn.IdQR).getSelectionModel().getSelection()[0];
                        if (!Seleccion) {
                            Ext.Msg.show({
                                title: 'Advertencia',
                                msg: 'Seleccione Involucrado',
                                icon: Ext.MessageBox.WARNING,
                                buttons: Ext.Msg.OK
                            });
                            return false;
                        } else {
                            btn.Seleccion = Seleccion;
                        }
                        new SistIntegral.QRDndos.InvQR().CambiarEstado(btn);
                        return true;
                    }

                }, '-', {
                    itemId: 'eliminar',
                    text: 'Eliminar',
                    iconCls: 'eliminar',
                    handler: function() {

                    },
                    disabled: true
                }
            ],
            columnLines: true,
            columns: [{
                    xtype: 'rownumberer',
                    width: 35
                }, {
                    header: 'Nombre',
                    dataIndex: 'Entidad',
                    flex: 1
                }, {
                    header: 'Fecha',
                    dataIndex: 'Fecha',
                    width: 80
                }, {
                    header: 'Nivel Involucramiento',
                    dataIndex: 'Color',
                    flex: 1,
                    renderer: colorNivel
                }
            ],
            layout: 'fit',
            region: 'center',
            title: 'LISTADO DE DENUNCIADOS',
            bbar: Ext.create('Ext.PagingToolbar', {
                store: StoreInvQuejaReclamo,
                displayInfo: true,
                displayMsg: 'Denunciados {0} - {1} de {2}',
                emptyMsg: "No Registra Denunciados"
            })
        });

        var ancho = Ext.getCmp('PnlSubQR' + IdQR).getWidth() / 2;

        if (Ext.getCmp('gridRA' + IdQR)) {
            Ext.getCmp('gridRA' + IdQR).destroy();
        }

        var gridRA = Ext.create('Ext.grid.Panel', {
            border: false,
            region: 'east',
            layout: 'fit',
            store: StoreRespAt,
            width: ancho,
            id: 'gridRA' + btn.IdQR,
            tbar: [{
                    width: 150,
                    emptyText: 'Ingrese Nombre',
                    xtype: 'searchfield',
                    store: StoreRespAt
                }, '->', {
                    itemId: 'create',
                    text: 'Agregar',
                    iconCls: 'agregar',
                    hrefTarget: 'responsableatencion/Create',
                    handler: function(btn) {
                        btn.IdQR = IdQR;
                        new SistIntegral.QRDndos.InvQR().WindowRA(btn);
                    }
                }, '-', {
                    itemId: 'edit',
                    text: 'Editar',
                    iconCls: 'editar',
                    hrefTarget: 'responsableatencion/Edit/',
                    handler: function(btn) {
                        btn.IdQR = IdQR;
                        new SistIntegral.QRDndos.InvQR().WindowRA(btn);
                    }
                }, '-', {
                    itemId: 'eliminar',
                    text: 'Eliminar',
                    iconCls: 'eliminar',
                    handler: function() {

                    },
                    disabled: true
                }
            ],
            columnLines: true,
            columns: [{
                    xtype: 'rownumberer',
                    width: 35
                }, {
                    header: 'Persona',
                    dataIndex: 'Personal',
                    flex: 1
                }, {
                    header: 'Fecha',
                    dataIndex: 'Fecha',
                    width: 80
                }, {
                    header: 'Responsabilidad',
                    dataIndex: 'Directo',
                    width: 90,
                    renderer: Resp
                }
            ],
            title: 'RESPONSABLES ATENCION',
            bbar: Ext.create('Ext.PagingToolbar', {
                store: StoreRespAt,
                displayInfo: true,
                displayMsg: 'Responsables {0} - {1} de {2}',
                emptyMsg: "No Registra Responsables Atencion"
            })
        });

        StoreInvQuejaReclamo.loadPage(1);
        StoreRespAt.loadPage(1);

        if (Ext.getCmp('PnlDentInvQRCont' + IdQR)) {
            Ext.getCmp('PnlDentInvQRCont' + IdQR).destroy();
        }
        var panelCont = Ext.create('Ext.panel.Panel', {
            id: 'PnlDentInvQRCont' + IdQR,
            defaults: {
                collapsible: true,
                split: true,
                animFloat: false,
                autoHide: false,
                useSplitTips: true
            },
            layout: 'border',
            bodyBorder: false,
            border: false,
            items: [grid, gridRA]
        });

        Ext.getCmp('PnlSubQR' + btn.IdQR).removeAll();
        Ext.getCmp('PnlSubQR' + btn.IdQR).add(panelCont);
    }
});